@charset "utf-8";
body{background: #fff; min-width: 1220px; width: 100%;}

/*banner*/
.banner{position:relative; padding-top:80px;}
.banner .bd li{width:100%; height:68vh; overflow:hidden;}
.banner .bd li a{display:block; height:68vh;}
.banner i.next,.banner i.prev{width:43px; height:58px; background:url(/uploads/home/arrows.png) 43px 0px; cursor:pointer; position:absolute; right:0; text-indent:-999px;}
.banner .ctrl{display:none; margin:0 6%; position:relative; bottom:40vh;}
.banner:hover .ctrl,.banner:hover .hd{display:block;}
.banner i.prev{background-position:0px 0px; cursor:pointer; right:auto;}
.banner i.prev:hover,.banner i.next:hover{opacity: .8;}
.banner .hd{width:1220px; left:50%; margin-left:-655px; bottom:18px; position:absolute; z-index:1; overflow:hidden;}
.banner .hd ul{margin-left:500px;}
.banner .hd ul li{float:left; margin:0 5px; display:inline; cursor:pointer; width: 68px; height: 8px; background: #2e3440; text-indent: -999px;}
.banner .hd ul .on{background: #1669c8;}

/*search*/
.s_bg{margin-top:-1px;height: 76px;background: #1669c8;border-bottom: #377ed0 1px solid;overflow: hidden;}
.search{display: block; min-width: 1220px; margin: 0px auto; width: 83%; height: 76px; overflow: hidden;}
.search p{float:left; font-size: 15px; color:#8cb1da; width:80%; height:76px; line-height:76px; overflow:hidden;}
.search p a{font-size: 15px; color:#8cb1da; padding:0 1.5rem 0 0;}
.search p a:hover{color: #fff;}
.search .ser_inp{background:#fff; width:14%; float: right; height:38px;border:none; margin-top:20px; font-size: 15px; color:#333; line-height:38px; outline:none;}
.search .ser_so{cursor: pointer;float: right;background:url(/uploads/home/s_so.gif) no-repeat;border:none;margin-top:20px;width:55px;height:46px;}
input::-webkit-input-placeholder{color: #b6c6d8;}


/**/
.five{background: #1669c8;padding: 1px 0 10px;}
.five_content{width:100%; margin:0 auto;}
.ibrand-num{overflow:hidden;margin:10px 0;}
.ibrand-num li{float:left;width:20%; height:100px; text-align:center;color:#fff;font-size:42px; letter-spacing:2px;font-weight: bold; background:url(/uploads/home/five_line02.png) no-repeat 100% 10px;line-height: 40px;}
.ibrand-num li b{display:block;font-size: 18px;color: #c4d3ed;font-weight: normal; padding:13px 0 0; background:url(/uploads/home/five_line01.gif) no-repeat center 10px;}
.ibrand-num li sup{font-size: 18px;color: #c4d3ed;font-weight: normal;}
.ibrand-num li.nobor{ background: none;}


/*产品中心*/
.index_title{font-weight: normal;text-align: center;height: 8rem;line-height: 50px;}
.index_title b{font-size: 2.2rem;letter-spacing:8px; color: #fff;}
.index_title p{font-size: 1.1rem; letter-spacing:2px; color: #aaa9a9;}
.index_title i{font-size: 1.1rem;color: #1669c8;padding: 0 10px;font-weight: bold;}
.index_product{background: #2e3440;padding: 50px 0 80px;width: 100%;}
.index_product ul{padding-left: 3%;width: 97%; display: inline-block;}
.index_product ul li{width: 31%;float: left;margin-right: 2%;margin-top: 30px;position: relative;}
.index_product ul li img{display: block; width: 100% ;max-height: 100%; backface-visibility: hidden;}
.index_product ul li p{position: absolute;top: 30px;left: 6%;width: 50%;}
.index_product ul li b{display: block; font-size: 28px; color: #333;font-weight: normal;height: 50px;line-height: 40px;overflow: hidden;background:url(/uploads/home/index_product.gif) no-repeat 0 56px;}
.index_product ul li em{display: block; font-size: 18px; color: #999;padding: 10px 0 0;}
.index_product ul li span{display: block; font-size: 16px; color: #fff; width: 100px; text-align: center; height: 35px; line-height: 35px; background: #2e3440;margin-top: 50px;} 
.index_product ul li a:hover span{background: #1669c8;}
.index_product ul li a:hover b{color: #1669c8;font-weight: bold;}


/*产品*/
.all_protype { width: 94%; background: #2e3440; color: #fff; margin: 10px auto 10px; display: flex; flex-wrap: wrap;}
.all_protype .pro_item { margin: 1% 0.3% 0 0.3%; width: 32.5%; position: relative; overflow: hidden; background: #fff; border-bottom:5px solid #1669c8;}
.all_protype .pro_item a { display: block; text-decoration: none; }
.all_protype .pro_item a:hover .typename { transform: translateX(15px);}
.all_protype .pro_item a .img_box { width: 100%; max-height: 290px; text-align: right; position: relative; padding-top: 50%;}
.all_protype .pro_item a .img_box img {max-width:100%; max-height:100%; border:none; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; -webkit-transition: all .3s; transition: all .3s; }
.all_protype .pro_item a:hover .img_box img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.all_protype .pro_item a .typename { position: absolute; top: 25%; left: 6%;}
.all_protype .pro_item a .typename p { font-size: 1.6rem; color: #363030; line-height: 80px;}
.all_protype .pro_item a .typename p:nth-child(3) { margin-top: 60px; }
.all_protype .pro_item a .typename span { font-size: 16px; color: #363030; font-family: Montserrat;}
.tran { transition: all .3s; }



/*万通品质成就品牌*/
.index_quality{padding: 55px 0 30px;}
.index_quality .index_title b,.index_case .index_title b,.index_odds_bg .index_title b,.index_news_main .index_title b,.index_about .index_title b,.index_partner_h3 b{color: #2e3440;}
.index_quality dl{width: 33.3%; float: left; height: 200px; overflow: hidden; padding: 30px 0;}
.index_quality dl dt{background:url(/uploads/home/index_quality_01.gif) no-repeat; width: 41px;height: 200px; float: left;}
.index_quality dl dt i{font-size: 12px;color: #fff; display: block; width: 41px; height: 41px; text-align: center; line-height: 41px; overflow: hidden;} 
.index_quality dl dd{padding: 0 1.5rem 0 4.8rem;}
.index_quality dl dd span{display: block; font-size: 22px; color: #333;height: 43px;line-height: 43px;overflow: hidden;} 
.index_quality dl dd p{font-size: 1rem; color: #999; line-height: 2.2rem; height: 138px; text-align: justify; overflow: hidden;}
.index_quality dl:hover dt{background:url(/uploads/home/index_quality_02.gif) no-repeat;}
.index_quality dl:hover dd span{color: #1669c8;}
.index_quality .nobor{padding-right: 0;}

/**/
.index_honor{background: #2e3440; padding: 30px 0;}
.index_honour{padding: 20px 0 0;width: 40%;}
.index_honour b{display: block; font-size: 1.8rem; color: #fff; height: 50px; letter-spacing:1px;}
.index_honour a{color: #1669c8;}
.index_honour a:hover{color: #fff;}
.index_honour p{width: 93%;border-bottom: #5c616a 1px solid;border-top: #5c616a 1px solid;padding: 13px 5px; display: inline-block;height: 52px;}
.index_honour span{display: block; width: 75%; float: left; font-size: 1.2rem; color: #fff; letter-spacing:1px; line-height: 26px;}
.index_honour span i{font-weight: bold; color: #1669c8;}
.index_honour p a{display: block; float: right; width: 102px; text-align: center; height: 38px; background: #fff;font-size: 16px; color: #2e3440; line-height: 20px; margin-top: 5px; padding: 2px 0; overflow: hidden;} 
.index_honour em{display: block;font-size: 15px;color: #a4a7ab;}
.index_honour p a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;font-weight:bold;color: #2e3440;}
.index_honour_r{width: 60%;}
.index_honour_r p{cursor: pointer;padding: 80px 0 0;}
.index_honour_r p img{width: 17px;height: 32px;}
.index_honour_r p:hover img {-webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;}
.index_honour_c{width: 32%;float: left;}
.index_honour_c ul li{margin: 1rem;overflow: hidden;}
.index_honour_c ul li a{display: block; margin:0 5%; overflow: hidden;}
.index_honour_c ul li img,.index_case dl dt img,.wd dt img,.index_about dl dt img{width: 100%;max-width: 100%; max-height: 100%; backface-visibility:hidden; -webkit-transition: 1s;-moz-transition: 1s; transition: 1s;}
.index_honour_c ul li img:hover,.index_case dl dt img:hover,.wd dt img:hover,.index_about dl dt img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);transform:scale(1.1);}


/*走进万通*/
.index_about_bg{background:#f1f1f1; width: 100%; display: block; min-width: 1220px; height: 36rem; padding:55px 0 0;}
.index_about .index_title{height: 130px;}
.index_about dl{margin: 0px auto; border-radius: 3px 3px 0 0;box-shadow: 0 0 3px rgba(11,11,11,.19); overflow: hidden; padding: 3rem;background:url(/uploads/home/macpc.png) no-repeat right #fff;}
.index_about dl dt{float:right; width:460px; height:auto; overflow: hidden; padding-right:5rem;}
.index_about dl dt video{width:100%; height:auto; padding-top: 8px; cursor: pointer; overflow:hidden; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center}
.index_about dl dd{ width:46%; float:left;}
.index_about dl dd h2{height: 32px; line-height: 32px; overflow: hidden;}
.index_about dl dd h2 a{ font-size:28px; color:#333; font-weight: 500;}
.index_about dl dd h2 a:hover{font-weight: bold; color: #1668c6;}
.index_about dl dd p{ font-size:1.1rem; color:#888; text-align: justify; text-indent:28px; letter-spacing:1px;  height:203px; line-height:2.2rem; overflow:hidden; padding-top: 18px;}
.index_about dl dd i{ font-size:16px; color:#ff0000;}
.index_about dl dd span{display: block; width: 138px; padding-top: 15px;}
.index_about dl dd span a{font-size: 18px;color: #fff;display: block; width: 138px; height: 44px; text-align: center; line-height: 44px; background: #999;}
.index_about dl dd span a:hover{ background: #1668c6;}


/*point*/
.index_point { margin: 0px auto; width: 83%; display: block; min-width: 1220px;}
.index_point  ul{display: block; width: 100%; position: relative; border-right: #dadada 1px solid; height: 10rem; margin: 10px 0 10px 0;}
.index_point  ul li{width: 25%;float: left;height: 10rem;text-align: center;position: relative;}
.index_point  ul li:before{content: "";height: 100%; position: absolute; top: 0; left: 0; border-left: #dadada 1px solid;}
.index_point  ul li:hover{box-shadow: #c5c5c5 0 1px 5px;}
.index_point  ul li em{display: block; width: 64px; margin:0 auto; padding: 2rem 0 0.5rem; line-height: 0;}
.index_point  ul li em img{max-width:100%; max-height:100%;}
.index_point  ul li span{display: block; font-size: 1.2rem;color: #333;height: 5rem; line-height: 5rem;}
.index_point  ul li i{display: block;font-size: 0.7rem;color: #828282;}
.index_point  ul li:nth-child(4n):before{background: none;}


/*应用案例*/
.index_case{background: #f7f7f8; padding: 5rem 0 3rem;}
.index_case dl{ background: #2e3440; margin:auto; height: auto; overflow: hidden;}
.index_case dl dt{float:left; width:44%;}
.index_case dl dt img{max-width: 100%; max-height: 100%; vertical-align:middle; backface-visibility: hidden;}
.index_case dl dd{width: 50%; height: auto; float: right; margin-top:3%; margin-left:3%; margin-right:3%;} 
.index_case dl dd h3{height: 2.5rem;line-height: 2.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_case dl dd h3 a{font-size: 1.6rem;color: #fff;font-weight: normal; letter-spacing:1px;}
.index_case dl dd h3 a:hover{font-weight: bold;}
.index_case dl dd p{font-size: 1rem; color: #fff; font-weight: normal; text-align: justify; letter-spacing:1px; height: 11rem;line-height: 1.8rem;overflow: hidden;padding: 0.5rem 0 0;} 
.index_case dl dd span{display:block; float:right; width:100px; height:33px;background:#2e3440; border:#fff 1px solid; margin-top: 1.2rem;}
.index_case dl dd span a{height: 33px;width:100px;line-height: 33px;text-align: center;font-size: 13px;color: #fff; display:block;}
.index_case dl dd span a:hover{background:#1669c8;}
.index_casec{height: 8rem;border: #e5e5e5 1px solid;background: #fff;margin-top: 3rem;}
.index_casec ul li{width: 11%; height: 8rem; float: left; border-right: #e5e5e5 1px solid;} 
.index_casec ul li a,.index_casec span a{display: block;font-size: 16px; color: #2e3440; text-align: center; padding-top: 1.2rem;} 
.index_casec ul li em,.index_casec span em{display: block; width: 3.5rem; height: 3.5rem; margin:0 auto 5px;overflow: hidden;} 
.index_casec ul li em img,.index_casec span em img{width: 3.5rem; height: 7rem; backface-visibility: hidden;}
.index_casec ul li a:hover,.index_casec span a:hover,.index_casec ul li.on a{color: #1669c8;} 
.index_casec ul li a:hover em img,.index_casec span a:hover em img,.index_casec ul li.on em img{margin-top: -3.5rem;}
.index_casec span{display: block;float: right; width: 11%;}



.case .m-cnt{display: block;margin-top:10px; position: relative; border: #e5e5e5 1px solid;height: 9rem;}
.case .m-cnt li{float: left;width: 12.5%;font-size: 1rem;color: #2e3440;height: 7rem;position: relative;overflow: hidden;padding: 1rem 0; text-align: center;transition: all 0.2s linear 0s;}
.case .m-cnt li:before{content: "";width: 1px; height: 100%; background: #e5e5e5; position: absolute; right: 0; top: 0;} 
.case .m-cnt li em{display: block; width: 3.5rem; height: 3.5rem; line-height: 0;margin:auto; overflow: hidden;}
.case .m-cnt li em img{width: 3.5rem; height: 7rem; backface-visibility: hidden;}
.case .m-cnt li em img:hover{margin-top: -3.5rem;}
.case .m-cnt li:hover{ box-shadow: 0 0 0 1px #1669c8; color: #1669c8;}
.case .m-cnt li:nth-child(9):before{ background: none;}



/*合作客户*/
.index_partner_h3 {padding: 4rem 0; text-align: center;}
.index_partner {margin: 0px auto; width: 83%; display: block; min-width: 1220px; padding-bottom: 2rem; display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.index_partner li {background:#f7f7f7; margin-bottom: 2rem; width: 18%; position: relative; overflow: hidden; border: #e5e5e5 1px solid;}
.index_partner li:hover{ display: block; text-align: center;}
.index_partner li img{ max-width:100%; max-height:100%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.index_partner li:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}


/*优势*/
.index_odds_bg{ background:#f7f7f8;padding: 55px 0 0; height:130px; overflow:hidden;}
.index_odds{height: auto;background: #fff;box-shadow: 0 0 4px rgba(11,11,11,.19);margin-bottom: 20px;}
.index_odds_01{ background:#f7f7f8; overflow:hidden;}
.index_odds_02 .index_odds_l dl dt{ background-position: left 18px;padding-left: 60px;}
.index_odds_02 .index_odds_l dl dd{padding-left: 60px;width: 93%;}
.index_odds_03{padding-bottom: 45px;}
.index_odds_l{width: 60%; padding: 2rem 0 0;}
.index_odds_l dl{width: 100%;}
.index_odds_l dl dt{font-size: 1.5rem;color: #333;height: 56px;line-height: 3rem;overflow: hidden; background:url(/uploads/home/index_odds_02.gif) no-repeat right 18px;}
.index_odds_l dl:hover dt{font-weight: bold; color: #1668c6;}
.index_odds_l dl dd{width: 93%;}
.index_odds_l dl dd p{font-size: 1.1rem; color: #666; line-height: 2.2rem; text-align: justify; padding-left: 18px; background:url(/uploads/home/index_odds_01.gif) no-repeat 0 18px;}
.index_odds_r{width: 32%;padding: 3rem;}
.index_odds_r img{width: 100%; max-width: 100%; max-height: 100%; display: block; transition: all 0.3s ease-in-out 0s;}
.index_odds_r:hover img{ transform: rotateY(180deg);}


/**/
.index_need{ background:url(/uploads/home/ban02.jpg) no-repeat; background-size:cover; height:360px; overflow:hidden;}
.index_need_l{padding: 6rem 0 0;}
.index_need_l b{display: block;width: 100%;font-size: 2.4rem;color: #fff;line-height: 6rem;padding: 0 8%; border:1px solid #f0f0f0;}
.index_need_l b i{font-size: 2.6rem;color: #1669c8;}
.index_need_l p{font-size: 1.6rem;color: #fff;font-weight: bold;line-height: 4rem;letter-spacing: 6px;padding: 0 4%;}
.index_need_l p span{font-size: 1.6rem;color: #bbb;letter-spacing: 10px;font-weight: normal; }
.index_need_l p i{color: #1669c8;}
.index_need_r{width: 36%; text-align: center; color: #fff;}
.index_need_r p{display: block; padding: 5rem 0; height: 70px; font-size: 2.3rem; font-family: Montserrat;} 
.index_need_r em{display: block; font-size: 4.4rem;} 
.index_need_r i{line-height: 5rem;}
.index_need_r a{display: block; font-size: 16px; color: #fff; width: 110px; line-height: 34px; background: #1668c6; margin: .6rem auto;}
.index_need_r a:hover{color: #1668c6; background: #fff;}


/*新闻动态*/
.index_news_main{padding: 50px 0 20px; border-bottom: 1px solid #e0e0e0;}
.index_news_main .index_title{height: 150px;}
.index_news{ width:50%;}
.index_news_t{ height:40px;}
.index_news_t ul{float: left;}
.index_news_t ul li{float: left; background:url(/uploads/home/news_bor.gif) no-repeat right 4px;}
.index_news_t ul li a{display: block; font-size: 1.08rem; color: #000; height: 40px; padding:0 1rem;}
.index_news_t ul li a:hover,.index_news_t ul li.on a{font-weight: bold;color: #1668c6;}
.index_news_t span{padding-left:1rem;}
.index_news_t span a{font-size: 1.08rem; color: #000;text-transform: uppercase;}
.index_news_t span a:hover{font-weight: bold;color: #1668c6;}
.index_news_t ul li:first-child a{ padding-left:0;}
.index_news_m dl{ width:100%; height: 80px; border-top:#dcdcdc 1px dashed; padding:15px 0;}
.index_news_m dt{float: right; width: 80px; font-size: 16px;color: #666160;text-align: center; background:url(/uploads/home/news_time.gif) no-repeat center 9px;line-height: 34px;}
.index_news_m dt i{display: block;font-size: 50px; color: #484240; font-family:"Times New Roman", Times, serif;}
.index_news_m dd{ float:left; overflow:hidden; width:80%;}
.index_news_m dd h3{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;padding-left: 12px;background: url(/uploads/home/ys_ico01.gif) no-repeat left center;}
.index_news_m dd h3 a{font-size: 15px; color: #333; font-weight: 500; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_news_m dd h3 a:hover{color: #1668c6; font-weight: bold;}
.index_news_m p{font-size: 13px; color: #9a9a9a;text-align: justify; line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}

/*公司动态*/
.index_news_up{ width:48%; background:url(/uploads/home/news_line02.gif) no-repeat right 0;}
.index_news_up dl{ width:100%; margin-bottom: 1rem; overflow: hidden;}
.index_news_up dt{float: left; width:198px;  height: 132px; overflow: hidden;}
.index_news_up dt a{display:block;}
.index_news_up dt img{display: block; max-width:100%; max-height:100%; border:none; vertical-align:middle; backface-visibility: hidden;-webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
.index_news_up dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.index_news_up dd{overflow:hidden; padding: 0 4% 0 3%;}
.index_news_up dd h3{height: 28px; overflow: hidden; font-weight: normal;}
.index_news_up dd h3 a{font-size: 15px; color: #333; font-weight: 500; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_news_up dd h3 a:hover{color: #1668c6; font-weight: bold;}
.index_news_up dd p{font-size: 13px; color: #9a9a9a; line-height: 1.8; height: 73px; overflow: hidden; text-align: justify; -o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp: 3;}
.index_news_up dd i { color: #b3b2b2; float: left;  margin-top: 10px;}
.index_news_up dd span a{ float: right; font-size: 14px; color: #666; text-align: center; width: 88px; height: 22px; line-height: 22px; border:#888 1px solid; margin-top: 7px;}
.index_news_up dd span a:hover {background: #1669c8; border:1px #1669c8 solid; color: #fff; }


/*快捷导航*/
.kjdh {height:160px; padding: 20px 0;}
.kjdh .dh_d1 {width: 13%; float: left; background: url(/uploads/home/dhicon01.png) no-repeat left bottom; height: 150px;}
.kjdh .dh_d1 h3 {font-size: 18px; font-weight: bold; color: #1668c6;}
.kjdh .dh_d1 h3 i {display: block; font-size: 16px; color: #ccc; margin-top: 20px;}
.kjdh .dh_ul {float: left; width:13%; height: 160px; border-left: 1px #e0e0e0 dashed; padding-left:1rem;}
.kjdh .dh_ul li {height: 24px; line-height: 24px; margin-bottom: 10px; padding-left: 1rem; background: url(/uploads/home/ty01.png) no-repeat left center;}
.kjdh .dh_ul li a {font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; }
.kjdh .dh_ul li:hover {background: url(/uploads/home/ty02.png) no-repeat left center; }
.kjdh .dh_ul li:hover a {font-weight: bold; color: #1668c6;}
.kjdh .ul1 {border-left: none;}



/*index_tags*/
.index_tag {padding:20px 0;background: #f5f5f5;border-top: 1px solid #e0e0e0;}
.index_tag .tag_con {padding: 5px 0;}
.index_tag .tag_con .tag_p1 {width: 108px; height: 30px;line-height: 30px;}
.index_tag .tag_con .tag_p1 span{font-size: 16px; color: #666;}
.index_tag .tag_con .tag_p2 {float:left;}
.index_tag .tag_con .tag_p2 a{display: block; float: left; font-size: 15px;/* width: 10%;*/ text-align: center; height: 25px; line-height: 25px; background-color: #fff; color: #615f5f; padding: 3px 15px; margin-top: 2px; position: relative; -webkit-transition:all .3s ease;transition:all .3s ease;}
.index_tag .tag_con .tag_p2 a:after, .index_tag .tag_con .tag_p2 a:before { content: ""; background: #f5f5f5; width: 1px; height: 100%; position: absolute; }
.index_tag .tag_con .tag_p2 a:after { right: 0;}
.index_tag .tag_con .tag_p2 a:before { left: 0; }
.index_tag .tag_con .tag_p2 a:first-child {text-align: center;}
.index_tag .tag_con .tag_p2 a:hover{box-shadow:0 2px 0 rgba(22,105,200,1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);border-radius:2px;}




/*友情链接*/
.links { overflow: hidden; line-height: 44px; background: #2a2e39; border-bottom: #343941 1px solid; }
.links li { display: inline-block; float: left; margin: 0 10px; line-height: 44px; }
.links a {font-size: 14px;  color: #ccc; }
.links a:hover {font-weight: bold; color: #ccc; }
.links p { float: left; font-size: 16px; color: #ccc; position: relative; }




/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/**/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}